<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../css/com.css" />
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/animate.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>Laya首页</title>
	</head>

	<body>
		<div class="web">
			<!--导航栏-->
			<header>
				<nav class="container navbar navbar-default nav navbar-inverse ">
					<div class="container-fluid">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					        <span class="sr-only">Toggle navigation</span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					      </button>
							<a class="navbar-brand" href="#"><img src="../images/logo_02.png" style="margin-left: 20px;" /></a>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li class="active">
									<a href="index.html">首页 <span class="sr-only">(current)</span></a>
								</li>
								<li>
									<a href="family.html">Laya家族</a>
								</li>
								<li>
									<a href="#">游戏</a>
								</li>
								<li>
									<a href="new.html">新闻动态</a>
								</li>
								<li>
									<a href="#">开发者中心</a>
								</li>
								<li>
									<a href="#">开发者社区</a>
								</li>
								<li>
									<a href="#">开放平台</a>
								</li>
								<li>
									<a href="aboutus.html">关于我们</a>
								</li>

							</ul>

							<ul class="nav navbar-nav navbar-right">

								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">Englis</a>
										</li>
										<li>
											<a href="#">Chinese</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
					</div>
					<!-- /.container-fluid -->
				</nav>
			</header>

			<!--**************内容部分**************-->
			<section>
				<!--***********第一张大图片**********-->
				<div class="exploitimg">
					<img src="../images/index_1_02.png" />
				</div>
				<!--**********引擎部分********-->
				<div class="kk">
					<div class="container engine ">
						<div class="row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<h1>LayaFlash引擎</h1>
								<p>让Flash技术成为开发HTML5产品的利器</p>
							</div>
						</div>
						<div class="row banner">
							<div class="col-lg-8 col-md-8 col-sm-9 col-xs-12">
								<div class="row">
									<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
										<div class="row">
											<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
												<img src="../images/shanxian_03.png" class="center-block " />
											</div>
											<div class="col-lg-9 col-md-9 col-sm-8 col-xs-6">
												<h3 style="font-size: 18px;">快速Flash产品转换</h3>
												<span style="font-size: 14px;">Flash页游/手游仅需1个人7天即可转换为HTML5和APP游戏</span>
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
										<div class="row">
											<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
												<img src="../images/yq_02.png" class=" center-block" />
											</div>
											<div class="col-lg-9 col-md-9 col-sm-8 col-xs-6">
												<h3 style="font-size: 18px;">快速Flash产品转换</h3>
												<span style="font-size: 14px;">Flash页游/手游仅需1个人7天即可转换为HTML5和APP游戏</span>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class="col-lg-8 col-md-8 col-sm-9 col-xs-12">
								<div class="row">
									<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
										<div class="row">
											<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
												<img src="../images/yq_03.png" class=" center-block" />
											</div>
											<div class="col-lg-9 col-md-9 col-sm-8 col-xs-6">
												<h3 style="font-size: 18px;">快速Flash产品转换</h3>
												<span style="font-size: 14px;">Flash页游/手游仅需1个人7天即可转换为HTML5和APP游戏</span>
											</div>
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
										<div class="row">
											<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
												<img src="../images/yq_04.png" class=" center-block" />
											</div>
											<div class="col-lg-9 col-md-9 col-sm-8 col-xs-6">
												<h3 style="font-size: 18px;">快速Flash产品转换</h3>
												<span style="font-size: 14px;">Flash页游/手游仅需1个人7天即可转换为HTML5和APP游戏</span>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div>

					</div>
				</div>
				<!--*****************************************************************************-->
				<span class="wire"></span>
				<!--********************优势部分开始************************************-->
				<div class="container adv">
					<div class="row">
						<div class="col-lg-5 col-lg-push-6 col-md-5 col-md-push-6 col-sm-6 col-sm-push-6 col-xs-12 ">
							<h1 class="animated fadeInDown">Layabox&nbsp;优势</h1>
						</div>
					</div>
					<div class="row bot15 ">
						<div class="col-lg-1 col-md-1 col-md-push-6 col-sm-1 col-sm-push-6 col-xs-5">
							<img src="../images/ys_01.png" class="center-block animated slideInDown" />
						</div>
						<div class="col-lg-6  col-md-6 col-md-push-6 col-sm-6 col-sm-push-6 col-xs-6">
							<p class="animated slideInDown">快速上手，Flash程序员3小时掌握HTML5开发</p>
						</div>
					</div>
					<div class="row bot15 ">
						<div class="col-lg-1 col-lg-push-6 col-md-1 col-md-push-6 col-sm-1 col-sm-push-6 col-xs-5">
							<img src="../images/ys_02.png" class="center-block animated slideInDown" />
						</div>
						<div class="col-lg-6  col-md-6 col-md-push-6 col-sm-6 col-sm-push-6 col-xs-6">
							<p class="animated slideInDown">4年优化打磨，LayaPlayer运行器性能媲美APP</p>
						</div>
					</div>
					<div class="row bot15">
						<div class="col-lg-1 col-md-1 col-md-push-6 col-sm-1 col-sm-push-6 col-xs-5">
							<img src="../images/ys_03.png" class="center-block animated slideInDown" />
						</div>
						<div class="col-lg-6  col-md-6 col-md-push-6 col-sm-6 col-sm-push-6 col-xs-6">
							<p class="animated slideInDown">超5亿的LayaPlayer移动设备安装量帮助CP发行</p>
						</div>
					</div>
					<div class="row bot15">
						<div class="col-lg-1 col-md-1 col-md-push-6 col-sm-1 col-sm-push-6 col-xs-5">
							<img src="../images/ys_04.png" class="center-block animated slideInDown" />
						</div>
						<div class="col-lg-6  col-md-6 col-md-push-6 col-sm-6 col-sm-push-6 col-xs-6">
							<p class="animated slideInDown">使用LayaFlash开发大型HTML5游戏的企业超100家</p>
						</div>
					</div>
				</div>
				<!--*******************家族开始*********************-->
				<div class="family">
					<div class="container box">
						<div class="row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<h1 class="center">Layabox产品家族</h1>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-5 col-lg-push-1 col-md-5 col-sm-12 col-xs-12 ">
								<div class="row">
									<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
										<img src="../images/jz_06.png" class="center-block" />
									</div>
									<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
										<h3>LayaAir</h3>
										<p class="">核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
									</div>
								</div>
							</div>
							<div class="col-lg-5 col-lg-push-1 col-md-5 col-sm-12 col-xs-12">
								<div class="row">
									<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
										<img src="../images/jx_04.png" class="center-block" />
									</div>
									<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
										<h3>LayaPublic</h3>
										<p class="">Layabox发行业务，通过在H5产业链中的技术桥梁优势，帮助CP获得流量支持。</p>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-5 col-lg-push-1 col-md-5 col-sm-12 col-xs-12">
								<div class="row">
									<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
										<img src="../images/jx_03.png" class="center-block" />
									</div>
									<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
										<h3>LayaFlash</h3>
										<p class="">使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调试、编译H5，也可快速将Flash页游\手游转换成H5游戏。</p>
									</div>
								</div>
							</div>
							<div class="col-lg-5 col-lg-push-1 col-md-5 col-sm-12 col-xs-12">
								<div class="row">
									<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
										<img src="../images/jx_05.png" class="center-block" />
									</div>
									<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
										<h3>LayaStore</h3>
										<p class="">嵌入式HTML5商城，APP只需嵌入20K的SDK即可以获得托管式HTML5商店服务，进入流量获利新时代。</p>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-5 col-lg-push-1 col-md-5 col-sm-12 col-xs-12">
								<div class="row">
									<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
										<img src="../images/jz_01.png" class="center-block" />
									</div>
									<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
										<h3>LayaPlayer</h3>
										<p class="">HTML5高速运行器，性能卓越、支持大型HTML5游戏流畅运行，目前已植入QQ、百度等20多家主流平台，安装量超5亿。</p>
									</div>
								</div>
							</div>
							<div class="col-lg-5 col-lg-push-1 col-md-5 col-sm-12 col-xs-12">
								<div class="row">
									<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
										<img src="../images/jx_02.png" class="center-block" />
									</div>
									<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
										<h3>LayaOpen</h3>
										<p class="">Layabox开放平台，整合了Laya提供的各项运营，管理服务的服务，提供给游戏提供商和互联网渠道的统一开放平台。</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--***************game**********************-->
				<div class="game">
					<div class="container box">
						<div class="row">
							<div class="col-lg-11 col-md-11 col-sm-11 col-xs-10">
								<h1>采用Layabox引擎的精彩游戏</h1>
							</div>
							<div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
								<p>更多</p>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-4  col-md-4 col-sm-12 col-xs-12">
								<div class="mimi">
									<video  src="../layabox_product.mp4" controls class="pp">
										<source src="myvideo.mp4" type="video/mp4"></source>
										<source src="myvideo.ogv" type="video/ogg"></source>
										<source src="myvideo.webm" type="video/webm"></source>
										<object width="360" height="195" type="application/x-shockwave-flash" data="myvideo.swf">
										<param name="movie" value="myvideo.swf" />
										<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
									</object> 当前浏览器不支持 video直接播放，点击这里下载视频：
										<a href="myvideo.webm">下载视频</a>
									</video>
								</div>
								<!--<img src="../images/shipin_03.png" class="center-block" />-->

							</div>
							<!--<div class="col-lg-1 col-md-1 col-sm-1">

							</div>-->
							<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
								<div class="row">
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img src="../images/icon_01.png" class="center-block img-responsive" />
										<p class="center">猎刃2</p>
									</div>
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img src="../images/icon_02.png" class="center-block img-responsive" />
										<p class="center">上吧主公</p>
									</div>
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img src="../images/icon_03.png" class="center-block img-responsive" />
										<p class="center">醉西游</p>
									</div>
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img src="../images/icon_04.png" class="center-block img-responsive" />
										<p class="center">摩卡幻想</p>
									</div>
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img src="../images/icon_05.png" class="center-block img-responsive" />
										<p class="center">超能战队</p>
									</div>
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img src="../images/icon_06.png" class="center-block img-responsive" />
										<p class="center">刀塔大萝卜</p>
									</div>
								</div>
								<div class="row">
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img src="../images/icon_07.png" class="center-block img-responsive" />
										<p class="center">轰三国</p>
									</div>
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img src="../images/icon_08.png" class="center-block img-responsive" />
										<p class="center">迷你猎人</p>
									</div>
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img src="../images/icon_09.png" class="center-block img-responsive" />
										<p class="center">萌挂三国</p>
									</div>
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img src="../images/icon_10.png" class="center-block img-responsive" />
										<p class="center">夺塔三国</p>
									</div>
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img src="../images/icon_11.png" class="center-block img-responsive" />
										<p class="center">英雄争霸</p>
									</div>
									<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
										<img  src="../images/icon_12.png" class="center-block img-responsive" />
										<p class="center">战争之门</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--***************伙伴*************************-->
				<div class="comp">
					<div class="container box">
						<div class="row">
							<div class="col-lg-12">
								<h1>合作伙伴<span>(排名不分先后)</span></h1>
							</div>
							<div class="row">
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_01.jpg" class="img-responsive center-block" style="border: 1px solid #dfdfdf;"/>
								</div>
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_02.jpg" class="img-responsive center-block" />
								</div>
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_03.jpg" class="img-responsive center-block" />
								</div>
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_04.jpg" class="img-responsive center-block" />
								</div>
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_05.jpg" class="img-responsive center-block" />
								</div>
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_06.jpg" class="img-responsive center-block" />
								</div>
							</div>
							<div class="row">
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_07.jpg" class="img-responsive center-block" />
								</div>
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_08.jpg" class="img-responsive center-block" />
								</div>
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_09.jpg" class="img-responsive center-block" />
								</div>
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_10.jpg" class="img-responsive center-block" />
								</div>
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_11.jpg" class="img-responsive center-block" />
								</div>
								<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
									<img src="../images/hz_12.jpg" class="img-responsive center-block" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!--********************************底部*****************************************-->
			<footer>
				<div class="foot">
					<div class="container ">
						<div class="row">
							<div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
								<span>公司简介</span>
								<span>联系方式</span>
								<span>人才招聘</span>
								<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
							</div>
							<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pre">
								<div class="dialog"><img src="../images/erweima.png" /></div>
								<a href=""><div class="pic00"></div></a>
							</div>
							<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 bgg2 ">
								<div class="dialog"><img src="../images/erweima.png" /></div>
								<a href=""><div class="pic11"></div></a>
							</div>
							<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 ">
								<div class="dialog"><img src="../images/erweima.png" /></div>
								<a href=""><div class="pic22"></div></a>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>
		<script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>